.table-wrapper{width:94%;height:3.75rem;position:absolute;bottom:0;left:50%;z-index:2;overflow:hidden;
background:#FFFFFF;box-shadow:1px 3px 1.24rem 0px rgba(73, 81, 97, 0.36);border-radius:0.2rem 0.2rem 0 0;}
.table-wrapper.move{transition:transform 0.3s;-webkit-transition:transform 0.3s;transform:translate(-50%, 0%);
-webkit-transform:translate(-50%, 0%);}
.table-wrapper.unmove{transition:transform 0.3s;-webkit-transition:transform 0.3s;transform:translate(-50%, 100%);
-webkit-transform:translate(-50%, 100%);}
.mask{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:1;}

.table-wrapper .horizontal-line{width:0.76rem;height:0.04rem;background:url('../../assets/images/home/predict/hor-line.png') no-repeat;
background-size:100%;background-position:center;margin:0.12rem auto 0.15rem;}
.table-wrapper .nav{width:100%;height:0.42rem;padding:0 .19rem 0 .26rem;box-sizing:border-box;
display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:space-between;
-webkit-justify-content:space-between;}
.nav .title{font-size:0.28rem;font-weight:500;color:#12202D;line-height:0.3rem;}
.nav .btn-group{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:space-between;
-webkit-justify-content:space-between;}
.nav .btn-group .chart{width:0.42rem;height:0.42rem;background:url('../../assets/images/home/predict/bar.png');
background-size:100%;background-position:center;}
.nav .btn-group .list{width:0.42rem;height:0.42rem;background:url('../../assets/images/home/predict/list.png');
background-size:100%;background-position:center;}
.nav .btn-group .site{width:0.42rem;height:0.42rem;background:url('../../assets/images/home/predict/site.png');
background-size:100%;background-position:center;margin-right:0.15rem;}

.table-wrapper .content{width:100%;height:auto;overflow:hidden;margin-top:0.19rem;}
.table-wrapper .content .table{display:flex;display:-webkit-flex;}
.content .left-part{width:31.1%;height:2.81rem;}
.left-part .title{height:0.5rem;line-height:0.5rem;font-weight:500;color:#12202D;font-size:0.26rem;padding-left:0.3rem;
border-bottom:1px solid #DFDEDE;}
.left-part .datelist{width:100%;height:calc(100% - 0.43rem);background:#FFFFFF;box-shadow:5px 0px 23px 2px rgba(157, 164, 202, 0.32);
overflow:hidden;}
.datelist ul li{height:0.5rem;line-height:0.5rem;font-size:0.26rem;padding-left:0.3rem;}

.content .right-part{width:68.9%;height:2.81rem;color:#12202D;overflow:hidden;}
.right-part .content-wrapper{width:max-content;height:100%;}
.right-part .title{width:100%;height:0.5rem;font-weight:500;font-size:0.26rem;border-bottom:1px solid #DFDEDE;}
.right-part .title ul{width:100%;height:100%;display:flex;display:-webkit-flex;}
.right-part .title ul li{width:1.62rem;height:100%;line-height:0.5rem;text-align:center;}
.right-part .table-list{height:calc(100% - 0.5rem);overflow: hidden;}
.right-part .table-list ul{width:100%;height:0.5rem;display:flex;display:-webkit-flex;border-bottom:1px solid #DFE1E3;box-sizing:border-box;}
.right-part .table-list ul li{width:1.62rem;height:100%;line-height:0.5rem;text-align:center;font-size:0.24rem;}
.right-part .table-list ul li.active{color:#2858FF;}

.content .my-chart{width:100%;height:3rem;}